<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

</body>
<script>

  /* 而外知识
  每当元素的 value 改变，input 事件都会被触发。
    input事件在输入框输入的时候回实时响应并触发

    change 事件仅当 value 被提交时触发，如按回车键，从一个 options 列表中选择一个值,change 事件并不是每次元素的 value 改变时都会触发。
    change事件在input失去焦点才会考虑触发，它的缺点是无法实时响应。与blur事件有着相似的功能，但与blur事件不同的是，change事件在输入框的值未改变时并不会触发，当输入框的值和上一次的值不同，并且输入框失去焦点，就会触发change事件。

    适用范围：change事件可用于单选框，复选框，文件上传等情况时使用
  
    基本类型的值是不可边的 只能换
  
  */


  /*
  vue
  渐进式：要什么用什么
  vue是一个视图模板引擎
  在声明式渲染的基础上可以添加 组件系统
                            客户端路由
                            状态管理
  特点
  |组件化
  |声明式编码
  |虚拟dom diff算法
  |小
  |专注UI
  |MVM模式
  gzip服务端压缩
  
  MVM
  model view viewmodel
  html与xml区别
  html展示数据
  xml 保存 传递数据

  数据双向绑定
  数据与视图中间的viewmodel处理
  
  单向数据流
  数据在组件中的传递

  数据绑定最常见的形式就是使用 “Mustache” 
  
  语法（双大括号）的文本插值。
  Mustache 标签将会被替代为对应数据对象上 msg 属性（msg定义在data对象中）的值。
  无论何时，绑定的数据对象上 msg 属性发生了改变，插值处的内容都会**自动更新**。
  
  挂载 el $mount
  
  v-bind 单项的数据绑定 只能把数据有dada传递给模板
  v-model数据双向绑定
  data改变 视图改变 视图改变 data 改变
  场景：v-model
  1.单个复选框做单选 data中用boolearn值
  2. 多给复选框 收集数据 data中用数组
  3.同类型多个单选框，都是单选 data中 用一个字符串保存value
  4.下拉列表单选     data用 字符串
  4.下拉列表多选 multiple data 用数组
  
  v-if 接受布尔值 控制 元素是否渲染
  v-else 必须紧邻者v-if
  v-else-if
  template 在条件渲染的时候 
  key 分别
  v-show 控制元素的显示的隐藏
  v-text
  v-html
  v-pre
  v-cloak loadding
  
  v-bind 单向
  v-model 双向

  v-model.trim  去空格
  v-model.lazy 失去焦点
  v-model.number  转数字

  v-lf  存在
  v-else
  v-else-lf
  以上必须紧邻
  v-show  隐藏
  v-for 遍历谁在谁上写
  遍历的时候 要加 :key = item。id
  v-text 渲染文本
  v-html 渲染标签
  v-once 渲染一次
  v-pre 脱离vue 变成普通模板
  v-cloak loadding 
  修改data数据
  data中的是
  基本类型 直接改 视图渲染
  对象类型 深度监听 改值 渲染 删除和更新 一般不渲染 
  使用以下方法 删 更 数据
  this.$delete this.$set() vue.set()  付费版本的   
  意外的话 使用强制更新 
  数组类型 
  变革方法  改变原来的值
  非变革方法 返回一个新的值
  计算属性:为的是是得到一个值
   监听 在模板中使用 结果
   当一个值是由其他值组合或者计算来的时候 使用计算属性
   侦听属性：

  1.修改data中的数据
  修改基本类型
  修改对象类型+
  修改数组类型
  计算属性 computed
  监听属性 watch
  监听以前的值
  
  vue组件
  组件中都要添加一个name的配置项 由三个作用 目 开发者工具 中组件的名称
  1创建组件 Vue。extend（{}）
  2注册组件
  3使用组件 components
  内置关系78u'l

cvh  */


</script>

</html>